@charset "utf-8";
/* CSS Document */

.SearchBar #search-submit{line-height:1rem !important;}

@media only screen and (max-width: 768px) {

#body .inner .right .main .FeedBack .Fright{width:100% !important;float:none !important;}
	
	#wrapper #head .top .TopLogo,
	#wrapper #head .top .TopLogo .tel,
	#wrapper #head #NavLink,
	#wrapper #head #NavLink .NavBG,
	#body #Focus #lantern #lanternMain,
	#body #Focus #lantern #lanternMain #lanternImg,
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'],
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'] img,
	#body .MainBlock .left,
	#body .MainBlock .right,
	#body .MainBlock .right .img img,
	#body .MainBlock .right2 .img img,
	#body .MainBlock .right2,
	#body .MainBlock3 .left,
	#body .MainBlock3 .left .blk_29 .Cont,
	#body .MainBlock3 .left .blk_29 .Cont>div,
	#footer #Links,
	#body .inner .right .main .content .maincontent p img,
	#body .inner .right .main .content .ProInfo .image img,
	#wrapper #head .top,
	#body .ProductShow .hjnavcn,
	#body .ProductShow .hjnavcn .hjone .albumblock .inner{width:100%!important;height:auto !important;}	

	/*宽度*/
	#wrapper #head .top .TopLogo .logo img,
	#wrapper #head #NavLink #sddm,
	#wrapper #body,
	#body #Focus,
	#body #Focus #lantern,
	#body #Focus #lantern #lanternNavy,
	#body .MainBlock3 .left .blk_29 .box,
	#body .inner .left .Sbox,
	#body .inner .right,
	#body .inner .right .main .content .maincontent table,
	#body .inner .right .main .content .CaseBlock li,
	#body .inner .right .main .FeedBack .IntroTitle,
	#body .inner .right .main .FeedBack .commentbox table,
	#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle,
	.FocusBG,
	#body .MainBlock,
	#body .MainBlock .right #lantern_slide,
	#body .ProductShow .hjnavleft,
	#body .ProductShow .hjnavleft ul li,
	#body .ProductShow .hjnavcn .hjone .albumblock .inner .albumtitle,
	#body .ProductShow .hjnavcn .hjone .albumblock .inner img,
	#dark_footer_wrap,
	#dark_footer_wrap #dark_footer,
	#footer .inner,
	#body .inner .right .main .FeedBack .Fright .Fcontent{width:100%!important;}	

	#body .inner .left,
	#body .inner .right,
	#body .inner .right .main .content .ProInfo .column,
	#body .MainBlock .right,
	#body .ProductShow{width: 99% !important;}
	
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img,
	#body .MainBlock3 .left .blk_29 .box img,
	#body .inner .right .main .content .ProInfo .image a,
	#body .MainBlock .right .txt{ width:95% !important;}

	{ width: 84% !important; }

	#body .inner .left .Sbox .blank ul li,
	#body .inner .left .Sbox .ClassNav .NavTree ul li{ width:49% !important;}

	#wrapper #head #NavLink #sddm li{ width:23.7% !important;}

	{ width:auto !important;}

	/*高度*/
	{ height:100% !important;}

	#body .MainBlock3 .left .blk_29 .box img,
	#body .inner .right .main .content .ProInfo .image a,
	#body .ProductShow .hjnavcn .hjone{ height:auto !important;}

	/*边距*/
	{ margin:0px !important;}

	{margin: 0px auto !important;}

	{margin: 1rem auto !important;}

	#body .right,
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img,
	#body .inner .left,
	#body .inner .left .img,
	#body .inner .left .Sbox .clist,
	#body .inner .right,
	#body .inner .right .main .content .CaseBlock li,
	#body .inner .right .main .content .ProInfo .image a,
	#body .inner .right .main .content .MorePro .albumblock .inner,
	#body .MainBlock3 .left .blk_29 .box P,
	#body .MainBlock .right .txt,
	#body .MainBlock .right #lantern_slide table{ margin-left:auto !important; margin-right:auto !important;}

	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img{margin-top: 1rem!important;}

	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img,
	#wrapper #head #NavLink,
	#body .inner .left .Sbox,
	#wrapper .t_page a,
	#body .MainBlock3 .left .blk_29 .box,
	#body .ProductShow .hjnavcn .hjone .albumblock{margin-bottom: 1rem !important;}

	#body .inner .right .main .ArticleList{margin-left: 1rem !important;}

	/*填充*/
	#footer .inner .BottomNav a,
	#body .inner .left .Sbox .blank ul li a,
	#body .inner .left .Sbox,
	#body .inner .right,
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img,
	#body .ProductShow .hjnavcn .hjone .albumblock,
	#body .inner .left .Sbox .blank ul,
	#body .inner .left .Sbox .ClassNav{ padding:0px !important;}

	{ padding:10px !important;}
	
	#body .inner .right .Position .PTitle{padding-left: .4rem !important;}

	#body .MainBlock .left .MBlockTable .ListTitle{ padding-left:1rem !important;}
	
	#wrapper .t_page,
	#body .inner .right .main,
	#body .MainBlock .right .txt,
	#body .inner .right .main,
	#body .inner{padding-left: 0 !important;padding-right: 0 !important;}
	
	#body .inner .right .main .content .maincontent,
	#body .inner .right .main .MorePro .albumblock{padding-left: .4rem !important;padding-right: .4rem !important;}

	#body .inner .left .Sbox .list dl{ padding-left:1rem !important; padding-right:1rem !important;}

	#body .inner .right .main .FeedBack .FeedBlock{padding-bottom:1rem !important;}

	{ padding-top:.6rem !important; padding-bottom:.6rem !important;}

	/*块*/
	#wrapper #head .top .TopInfo,
	#wrapper #head #NavLink #sddm li div,
	#body #Focus,
	#body .MainBlock3 .left .blk_29 .LeftBotton,
	#body .MainBlock3 .left .blk_29 .RightBotton,
	#InnerBanner{ display:none !important;}

	{display:table !important;}

	#wrapper #head .top .TopLogo .logo,
	#wrapper #head .top .TopLogo .tel,
	#wrapper #head #NavLink #sddm li,
	#footer #Links a,
	#body .inner .left .Sbox .blank ul li,
	#wrapper .t_page a,
	#body .inner .left .Sbox .ClassNav .NavTree ul li,
	#body .inner .right .main .content .CaseBlock li,
	#footer a{display:inline-block !important;}

	{display:inline !important;}

	#footer #Links span{display:block;}

	/*浮动*/
	#wrapper #head .top .TopLogo .logo,
	#wrapper #head .top .TopLogo .tel,
	#wrapper #head #NavLink #sddm li,
	#body .MainBlock .right,
	#body .MainBlock .left,
	#body .MainBlock .WidthTab2,
	#body .inner .left,
	#body .inner .right,
	#body .inner .right .main .content .CaseBlock li,
	#body .inner .right .main .MorePro .albumblock,
	#body .MainBlock .right .img,
	#body .MainBlock .right .txt,
	#body .ProductShow .hjnavcn .hjone .albumblock,
	#body .inner .right .main .FeedBack .Fleft{ float:none !important;}

	{ clear: both !important;}

	/*居中*/
	#wrapper #head .top .TopLogo .tel .telW,
	#wrapper #head .top .TopLogo .tel .telN,
	#body .MainBlock .right2 .img,
	#body .inner .left .Sbox .blank ul li a,
	#body .inner .left .Sbox .blank ul,
	#body .inner .left .Sbox .ClassNav .NavTree ul li,
	#body .MainBlock .right{text-align:center !important;}

	{vertical-align:top !important;}
	
	{width: 100% !important;height: 100% !important;max-width:320px !important;}

	#body .MainBlock .right .txt{text-align: left !important;}
	
	/*背景*/
	#wrapper #head #NavLink .NavBG,
	#body .MainBlock .left .MBlockTable .ListTitle,
	#body .inner .left .Sbox .blank ul li a{background:none !important;}
	
	#body .inner .right .main .content .CaseBlock li{background-position:center !important;}
  
	#wrapper #head .top,
	#body .inner .right .main .FeedBack .Fright .Fcontent{background-size: 100% 100% !important;}
	
	#wrapper #head .top .TopLogo .tel{background-position:10% !important;}

	/*字体*/
	{font-size:1.4rem !important;}

	{font-size:.9rem !important;}

	/*文字不换行*/
	#body .MainBlock .left .MBlockTable .ListTitle,
	#body .inner .right .main .ArticleList .fw_t,
	#body .MainBlock .left .MBlockTable td{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

	/*定位*/
	#wrapper #head #NavLink .NavBG,
	#body #Focus #lantern #lanternMain #lanternImg,
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'],
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'] img{ position: relative !important;}

	#wrapper,
	#body .MainBlock .left .MBlockTable tr,
	#footer .inner .BottomNav,
	#body .inner,
	#body .inner .right .Position .PTitle,
	#body .inner .right .Position{overflow: hidden !important;}

	/*边线*/
	#body .inner .right .main .content .CaseBlock .Cimg a:hover,
	#body .inner .right .main .content .CaseBlock .Cimg a,
	#body .ProductShow .hjnavcn .hjone .albumblock .inner{border: none !important;}
	
	#body .MainBlock .left,
	#body .MainBlock .right2,
	#body .MainBlock3 .left,
	#body .inner .left .Sbox{border-left:none !important;border-right:none !important;}

	#body .inner .left .Sbox{border-bottom:none !important;}
	
	{border-top-color:#FFF !important;height:auto;}

	{position: relative !important;top: auto !important;left: auto !important;margin:10px auto !important; }

	/*独立*/
	/*#wrapper #head #NavLink #sddm li{background: transparent url("/images/nav_bg1.jpg") repeat scroll left top;}*/
	
	#wrapper #head #NavLink #sddm{background-color:#3092B9 !important;}
	
	#wrapper #head #NavLink #sddm li a{width:100% !important;padding:0 !important;background:none !important;}
	
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'],
	#body #Focus #lantern #lanternMain #lanternImg [id*='LanternImg'] img{top:auto !important;left:auto !important;}
	
	
	#body .MainBlock .left .MBlockTable td{max-width: 144px;min-width: 70px;}
	
	#body .MainBlock3 .left .blk_29 .Cont{left: auto !important;}
	
	#body .inner .left .Sbox .blank .current a,
	#body .inner .left .Sbox .blank ul li a:hover{background: #3092B9 none repeat scroll 0% 0% !important;}
	
	#body .inner .left .Sbox .clist{width:190px !important;padding-left:0 !important;}
	
	#wrapper .t_page{line-height: 2 !important;}
	
	#wrapper .t_page a{padding: 0rem .6rem !important;}
	
	#body .inner .right .main .RecruitList td,
	#body .inner .right .main .FeedBack .commentbox #commentform td{min-width: 61px;}
	
	#body .inner .right .main .FeedBack .commentbox #commentform [type="text"],
	#body .inner .right .main .FeedBack .commentbox #commentform textarea{max-width: 160px;}
	
	#body .inner .right .main .content .MorePro .albumblock .inner{width:220px !important;height:148px !important;}
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:216px !important;height:144px !important;}
	
	
	#body .inner .right .main .content .CaseBlock li{background-size: 95% 200px !important;}
	#body .inner .right .main .content .CaseBlock li img{width: 88% !important;}
	#body .ProductShow .hjnavcn .hjone .albumblock .inner img{height: 220px !important;}
	#body .inner .right .Position{height: 33px !important;}
	#body .inner .right .main .FeedBack .Fright .Fline{width: 96% !important;}
	
	.SearchBar{width: 190px !important;margin-left:auto;margin-right:auto;}
	{max-height: 24px !important;overflow: hidden !important;position: disabled !important;}
	
	
	{max-width:284px !important;height:auto !important;}

	{margin-left:auto !important;margin-right:auto !important;padding-left:15px;padding-right:15px;}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	#body .MainBlock .right2 .img{width:50% !important;}
	#body .MainBlock .right h1,
	#body .MainBlock .right2 .txt,
	#body .MainBlock3 .left .blk_29 .box{width:40% !important;}

	#wrapper #head #NavLink #sddm li{width:11.7% !important;}

	#body .MainBlock3 .left .blk_29 .box IMG{width: 228px !important;height: 190px !important;}
	
	#body .MainBlock .right .img,
	#body .MainBlock .right2 .img{float: left !important;}
	#body .MainBlock .right h1,
	#body .MainBlock .right .txt,
	#body .MainBlock .right2 .txt{display: inline-block !important;}

	#body .MainBlock .right h1,
	#body .MainBlock .right2 h1,
	#body .MainBlock .right .txt{ margin-top:1.6rem !important;}

	
	#body .inner .left .Sbox .blank ul li{width: 19.2% !important;}
	
	#body .inner .left .Sbox .ClassNav .NavTree ul li{width: 19.2% !important;height:37px !important;overflow:hidden !important;}
	
	
	#body .inner .right .main .content .CaseBlock li{width: 49.9% !important;background-size: 95% 240px !important;height:240px !important;}
	#body .inner .right .main .content .CaseBlock li img{width: 88% !important;height:190px !important;}
	
	/*独立*/
	#body .MainBlock .right .img{margin-left: 1rem !important;}
	#body .MainBlock .right .img img{height: 150px !important;}
	
	
	#body .inner .right .main .FeedBack .commentbox #commentform{padding-left: 9% !important;}
	#body .inner .right .main .FeedBack .commentbox #commentform td {min-width: 61px;}
	#body .inner .right .main .FeedBack .commentbox #commentform [type="text"],
	#body .inner .right .main .FeedBack .commentbox #commentform textarea{max-width: 66%;}
	
	
	
  #body .ProductShow .hjnavleft ul li{width: 19% !important;display: inline-block !important;border-bottom:none !important;
	padding-left: 0px !important;background-image: none !important; text-align:center !important;}
	#body .ProductShow .hjnavleft{height: auto !important;}
	#body .ProductShow .hjnavcn .hjone .albumblock{width: 50% !important;display: inline-block !important;}
	#body .MainBlock .right .img{float: left !important;width:auto !important;margin-right: 1rem !important;}
	
	#body .MainBlock .topic{margin-bottom: 1rem !important;}
	#body .MainBlock .right .txt.ColorLink{display: inline !important;}
	#body .MainBlock .right .txt.ColorLink p{padding-left: 1rem !important;padding-right: 1rem !important;}
	#body .Block3 .Block2 .MainBlock .left table.MBlockTable td{padding-left: 1.8rem !important;}
	
	#body #Links{text-align: left !important;}
	
	
	#body .inner .right .main .MorePro .albumblock{width: 47% !important;display:inline-block !important;}
	#body .inner .right .main .content .MorePro .albumblock .inner{width:99% !important;height:240px !important;}
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:99% !important;height:240px !important;}
	
	
	#body .inner .right .main .ArticleList .fw_s{padding-right: 1rem !important;}
	
	#body .inner .right .main .FeedBack .Fleft,
	#body .inner .right .main .FeedBack .Fright{display: inline-block !important;float: left !important;}
	#body .inner .right .main .FeedBack .Fright{width: 78% !important;}
	#body .inner .right .main .FeedBack .Fright .Fline{width: 96% !important;}
	
	#wrapper #head .top .TopLogo .logo{width: 51.9% !important;display: inline-block !important;}
	#wrapper #head .top .TopLogo .logo img{height: 50px !important;}
	#wrapper #head .top .TopLogo .tel{width: 230px !important;float:right !important;}
	
	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {

	@media only screen and (min-width: 320px) and (max-width: 359px){
		
		#body .inner .left .Sbox .blank ul li{width: 18.9% !important;height:36px !important;overflow:hidden !important;}
	
	}
	
	@media only screen and (min-width: 360px) and (max-width: 479px){
		
	#body .inner .left .Sbox .blank ul li{width: 24% !important;}
	#body .inner .right .main .FeedBack .Fright .Fline{width: 96% !important;}
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li{width: 32% !important;}
	
	
	#body .inner .right .main .content .CaseBlock li{background-size: 95% 250px !important;height:250px !important;}
	#body .inner .right .main .content .CaseBlock li img{width: 88% !important;height:200px !important;}
	
	
	#body .inner .right .main .FeedBack .commentbox #commentform{padding-left: 9% !important;}
	#body .inner .right .main .FeedBack .commentbox #commentform td {min-width: 61px;}
	#body .inner .right .main .FeedBack .commentbox #commentform [type="text"],
	#body .inner .right .main .FeedBack .commentbox #commentform textarea{max-width: 36%;}
	
	
	#body .inner .right .main .content .MorePro .albumblock .inner{width:99% !important;height:280px !important;}
	#body .inner .right .main .content .MorePro .albumblock .inner img{width:99% !important;height:280px !important;}
	
	#body .inner .right .main .ArticleList .fw_s{padding-right: 1rem !important;}
}

@media only screen and (min-width: 240px) and (max-width: 319px) {

	#body .inner .right .Position span{background: none !important;padding-left: 1px !important;}

	#body .inner .right .main .ArticleList .fw_s{ display:none !important;}

	
	#body .inner .right .main .ArticleList .fw_t{display: block !important;max-width:240px;}
	
}
@media only screen and (min-width: 360px) and (max-width: 479px) {

}